$style: #e5373b;
page{
	background-color: #F9F9F9;
}
#confirm {
	padding: 24rpx 30rpx;
	.status-bar{
		height:88rpx;
		background-color: $style;
		color: #fff;
		padding: 0 32rpx;
		line-height:88rpx;
		view,text{
			display: inline;
		}
		.state{
			font-size:28rpx;
		}
		.time{
			font-size:24rpx;
			margin-left:10rpx;
		}
	}
	.section1,.section2,.section3,.section4,.order-info{
		background: #FFFFFF;
		border-radius: 20rpx;
		padding: 0 25rpx;
		margin-bottom: 16rpx;
	}
	.section1{
		height: 90rpx;
		display: flex;
		align-items: center;
		.left{
			font-size: 28rpx;
			margin-right: 22rpx;
		}
		.right{
			color: #999999;
			font-size: 24rpx;
			&.time{
				color: #DD423F;
			}
		}
	}
	.section2{
		padding-top: 22rpx;
		padding-bottom: 32rpx;
		.top{
			display: flex;
			align-items: flex-start;
			font-size: 28rpx;
			line-height: 46rpx;
			margin-bottom: 14rpx;
		}
		.top-icon{
			width: 26rpx;
			height: 30rpx;
			flex-shrink: 0;
			margin-top: 8rpx;
			margin-right: 22rpx;
		}
		.bottom{
			font-size: 24rpx;
			color: #999999;
			line-height: 1;
			padding-left: 47rpx;
		}
	}
	.address {
		padding:32rpx;
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.left {
			font-size:32rpx;
			color: $style;
			margin-right:24rpx;
		}
		.text {
			width: 590rpx;
			.tel {
				font-size:24rpx;
				color: #666;
				margin-left:10rpx;
			}
			.bot {
				margin-top:4rpx;
			}
		}
		.right {
			font-size:24rpx;
			color: #666;
			margin-left:24rpx;
		}
	}
	.addr-none {
		height: 160rpx;
		padding:32rpx;
		background-color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		button {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 296rpx;
			height:64rpx;
			border-radius:32rpx;
			border: 1px solid #f7c3c4;
			color: $style;
			font-size:24rpx;
			text {
				font-size:24rpx;
				margin-right:6rpx;
			}
		}
	}
	.section3{
		.count{
			text-align: right;
			padding-top: 30rpx;
			padding-bottom: 30rpx;
			font-size: 24rpx;
			color: #999999;
			line-height: 1;
			text{
				font-weight: bold;
				color: #DD423F;
			}
			.bold{
				font-size: 32rpx;
			}
		}
	}
	.section4{
		font-size: 24rpx;
		padding-top: 40rpx;
		padding-bottom: 45rpx;
		.title{
			line-height: 1;
			margin-bottom: 17rpx;
		}
		.content{
			line-height: 38rpx;
		}
	}
	.goods-list {
		.order-goods-item {
			padding: 30rpx 0;
			border-bottom: 1px solid #E6E6E6;
			.img{
				width: 120rpx;
				height: 120rpx;
				border-radius: 20rpx;
			}
			.texts{
				flex-grow: 1;
				width: 0;
				margin-left: 23rpx;
				display: flex;
				height: 120rpx;
				flex-direction: column;
				justify-content: space-between;
			}
			.top {
				height: auto;
				margin-top: 12rpx;
				.title {
					height: auto;
					font-size: 28rpx;
					line-height: 38rpx;
				}
			}
			.bot {
				margin-top: 0;
				margin-bottom: 12rpx;
				.num{
					font-size: 24rpx;
					color: #666666;
				}
				.price {
					font-size: 24rpx;
					color: $style;
					font-weight: bold;
					.bold {
						font-size: 32rpx;
					}
					.normal{
						font-weight: normal;
						font-size: 24rpx;
						color: #333333;
					}
				}
			}
		}
	}
	.form {
		background-color: #fff;
		padding:32rpx;
		.main {
			width: 100%;
			// background-color: #fafafa;
			border-radius:8rpx;
			padding:15rpx 0;
			.count{
				text-align: right;
				padding-top: 30rpx;
				padding-bottom: 30rpx;
				font-size: 24rpx;
				color: #999999;
				line-height: 1;
				text{
					font-weight: bold;
					color: #DD423F;
				}
				.bold{
					font-size: 32rpx;
				}
			}
		}
		.line {
			height:74rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1px solid #E6E6E6;
			// padding: 0 24rpx;
			.label {
				font-size:28rpx;
				white-space: nowrap;
				flex-shrink: 0;
			}
			.right {
				width: 100%;
				height:74rpx;
				display: inline-flex;
				align-items: center;
				justify-content: flex-end;
				font-size:28rpx;
				.iconfont {
					font-size:24rpx;
					color: #666;
					margin-left:30rpx;
				}
				input {
					width: 100%;
					height:74rpx;
					background-color: #fafafa;
					text-align: right;
					font-size:28rpx;
				}
			}
		}
	}
	.fun-line {
		height: calc(116rpx + constant(safe-area-inset-bottom));
		height: calc(116rpx + env(safe-area-inset-bottom));
		.fun-line-container{
			height: calc(116rpx + constant(safe-area-inset-bottom));
			height: calc(116rpx + env(safe-area-inset-bottom));
			padding: 0 30rpx;
			padding-bottom: constant(safe-area-inset-bottom);
			padding-bottom: env(safe-area-inset-bottom);
			box-sizing: border-box;
			background-color: #fff;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 3;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			box-shadow: 0rpx 7rpx 16rpx 0rpx rgba(0,0,0,0.2);
		}
		.color-gray{
			width:auto!important;
		}
		.subbtn {
			display: block;
			width: 220rpx;
			height: 90rpx;
			border-radius: 10rpx;
			border: none;
			text-align: center;
			line-height: 90rpx;
			background: #F65C28;
			color: #fff;
			font-size: 32rpx;
			margin-left: 16rpx!important;
		}
	}
	.fun-line-h {
		width: 100%;
		height: 130rpx;
	}
	.mask {
		display: none;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 4;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.addr-select {
		height: 740rpx;
		background-color: #fff;
		border-radius:16rpx 16rpx 0 0;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 5;
		padding: 0 32rpx;
		transform: translateY(100%);
		transition: all 0.3s;
		.tops {
			width: 100%;
			height: 112rpx;
			border-bottom: 1px solid #f0f0f0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.add {
				color: $style;
			}
			.title {
				font-size:32rpx;
				color: #000;
			}
			.confirm {
				color: #000;
			}
		}
		.addr-list {
			width: 100%;
			height: 628rpx;
			overflow-y: auto;
			.item {
				width: 100%;
				height: 156rpx;
				border-bottom: 1px solid #f0f0f0;
				display: flex;
				justify-content: space-between;
				align-items: center;
				.left {
					width: 570rpx;
					.name {
						view {
							display: inline-block;
						}
						text {
							font-size:24rpx;
							color: #666;
							margin-left:10rpx;
						}
					}
					.addr {
						margin-top:5rpx;
					}
				}
			}
		}
		&.open {
			transform: translateY(0);
		}
	}
	.coupon-modal{
		height: 754rpx;
		background-color: #fff;
		border-radius:16rpx 16rpx 0 0;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 6;
		padding:32rpx 32rpx 0;
		transform: translateY(100%);
		transition: all 0.3s;
		&.open{
			transform: translateY(0);
		}
		.mod{
			font-size:32rpx;
			width: 100%;
			height:48rpx;
			line-height:48rpx;
			text-align: center;
		}
		.list{
			width: 100%;
			height: 650rpx;
			margin-top:24rpx;
			overflow-y: auto;
			.item{
				width: 100%;
				margin-bottom:24rpx;
				.tops{
					display: flex;
					width: 686rpx;
					height: 186rpx;
					background-image: url(../img/34.png);
					background-size: 100% 100%;
					.left{
						width: 482rpx;
						padding:42rpx 32rpx;
						.discount{
							font-size:32rpx;
							font-weight: bold;
							color: #4f442f;
						}
						.date{
							background-color: #edd5b2;
							height:40rpx;
							border-radius:20rpx;
							padding: 0 16rpx;
							margin-top: 4rpx;
							font-size:22rpx;
							line-height:40rpx;
						}
					}
					.right{
						width: 204rpx;
						padding:36rpx 10rpx;
						text-align: center;
						.price{
							font-size:28rpx;
							color: $style;
							text{
								font-size:48rpx;
								line-height:48rpx;
								font-weight: bold;
								// font-family: 'Myriad Pro';
							}
						}
						.btn{
							display: block;
							width: 160rpx;
							height:48rpx;
							border-radius:24rpx;
							background-color: #413621;
							color: #fbdfac;
							font-size:24rpx;
							line-height:48rpx;
							text-align: center;
							margin: 0 auto;
							&.disabled{
								opacity: 0.5;
							}
						}
					}
				}
			}
		}
		.close{
			display: block;
			width:24rpx;
			line-height:24rpx;
			position: absolute;
			top:40rpx;
			right:32rpx;
			text{
				font-size:24rpx;
				line-height:32rpx;
			}
		}
		.nouse{
			display: block;
			// width: 0.24rpx;
			line-height:24rpx;
			position: absolute;
			top:44rpx;
			right:32rpx;
			color: #999;
		}
	}
	.order-count-info{
		padding:0 54rpx 30rpx;
		text-align:right;
		background-color:#FFFFFF;
		.goods_num{
			color:#666666;
			margin-right:10px;
		}
		.price{
			color:#e5373b ;
		}
	}
	.order-info{
		padding-top: 40rpx;
		padding-bottom: 29rpx;
		.goods-list-mod {
			font-size: 24rpx;
			line-height: 1;
			padding-bottom: 35rpx;
			border-bottom: 1px solid #E6E6E6;
			margin-bottom: 20rpx;
		}
		.line{
			font-size: 24rpx;
			line-height: 46rpx;
		}
	}
}
// .form {
// 	background-color: #fff;
// 	padding:32rpx;
// 	.main {
// 		width: 100%;
// 		background-color: #fafafa;
// 		border-radius:8rpx;
// 		padding:15rpx 0;
// 	}
// 	.line {
// 		height:74rpx;
// 		display: flex;
// 		align-items: center;
// 		justify-content: space-between;
// 		padding: 0 24rpx;
// 		.label {
// 			font-size: 28rpx;
// 			white-space: nowrap;
// 			flex-shrink: 0;
// 		}
// 		.right {
// 			width: 100%;
// 			height:74rpx;
// 			display: inline-flex;
// 			align-items: center;
// 			justify-content: flex-end;
// 			font-size:28rpx;
// 			.iconfont {
// 				font-size:24rpx;
// 				color: #666;
// 				margin-left:3rpx;
// 			}
// 			input {
// 				width: 100%;
// 				height:74rpx;
// 				background-color: #fafafa;
// 				text-align: right;
// 				font-size:28rpx;
// 			}
// 		}
// 	}
// }